<html>
<meta charset="utf-8" />
<head>
	  <!-- css -->
	  <link th:href="@{vendors/bootstrap/dist/css/bootstrap.min.css}" rel="stylesheet" />
	  <link th:href="@{css/dataTables/dataTables.bootstrap.min.css}" rel="stylesheet" />
	  <link th:href="@{css/dataTables/dataTables.extend.css}" rel="stylesheet" />
	  <link th:href="@{css/system/user.css}" rel="stylesheet" />
	  <!-- icheck美化 -->
	  <link th:href="@{vendors/iCheck/skins/flat/green.css}" rel="stylesheet"/>
	  <!-- select下拉 -->
	  <link th:href="@{vendors/select2/dist/css/select2.css}" rel="stylesheet"/>
	  
	  <!-- PNotify提示框 -->
	    <link th:href="@{vendors/pnotify/dist/pnotify.css}" rel="stylesheet"/>
	    <link th:href="@{vendors/pnotify/dist/pnotify.buttons.css}" rel="stylesheet"/>
	    <link th:href="@{vendors/pnotify/dist/pnotify.nonblock.css}" rel="stylesheet"/>
	  <!-- js -->
	  <script th:src="@{vendors/jquery/dist/jquery.min.js}"></script>
	  <script th:src="@{vendors/bootstrap/dist/js/bootstrap.min.js}"></script>
	  <script th:src="@{js/dataTables/jquery.dataTables.min.js}"></script>
	  <script th:src="@{js/dataTables/dataTables.bootstrap.min.js}"></script>
   	  <script th:src="@{vendors/moment/min/moment.min.js}"></script>
	  <script th:src="@{vendors/select2/dist/js/select2.js}"></script>
	  <script th:src="@{vendors/select2/dist/js/i18n/zh-CN.js}"></script>
	  
	   <!-- PNotify -->
    <script th:src="@{vendors/pnotify/dist/pnotify.js}"></script>
    <script th:src="@{vendors/pnotify/dist/pnotify.buttons.js}"></script>
    <script th:src="@{vendors/pnotify/dist/pnotify.nonblock.js}"></script>
	 <!-- iCheck -->
      <script th:src="@{vendors/iCheck/icheck.min.js}"></script>
	  <script th:src="@{js/system/user.js}"></script>

</head>
<body>
	  <div class="container">
			  <!-- 按钮组 -->
			   <div class="btngroup">
				    <button type="button" class="btn btn-primary" data-toggle="modal" data-target=".modal-adduser">新增</button>
					<button type="button" class="btn btn-primary">修改</button>
					<button type="button" class="btn btn-primary">删除</button>
			  </div>
			  <!-- 表格 -->
	          <table id="example" class="table table-striped table-bordered" cellspacing="0" width="90%">
	  		  </table>
	  </div>
                  <!-- 新建用户 -->
                  <div class="modal fade modal-adduser" tabindex="-1" role="dialog" aria-hidden="true">
                    <div class="modal-dialog modal-md">
                      <div class="modal-content">
                        <div class="modal-header">
                          <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span>
                          </button>
                          <h4 class="modal-title"  id="myModalLabel">新建用户</h4>
                        </div>
                        <div class="modal-body">
                                            <form id="demo-form2" class="form-horizontal form-label-left">

							                      <div class="form-group">
							                        <label class="control-label col-md-3 " for="username">姓名:
							                        </label>
							                        <div class="col-md-6">
							                          <input type="text" id="username" name="username" required="required" class="form-control"/>
							                        </div>
							                      </div>
							                      <div class="form-group">
							                        <label class="control-label col-md-3 " for="password">密码:
							                        </label>
							                        <div class="col-md-6">
							                          <input type="text" id="password" name="password" required="required" class="form-control"/>
							                        </div>
							                      </div>
							                       <div class="form-group">
							                        <label class="control-label col-md-3 " for="tel">手机号码:
							                        </label>
							                        <div class="col-md-6">
							                          <input type="text" id="tel" name="tel" required="required" class="form-control"/>
							                        </div>
							                      </div>
							                      <div class="form-group">
														<label class="control-label col-md-3 ">状态:</label> 
														<div class="col-md-6">
															<label class="radio-inline">
															  <input type="radio" name="status" class="flat" value="0" /> 禁用
															</label>
															<label class="radio-inline">
															  <input type="radio" name="status" class="flat"  value="1" /> 正常
															</label>
														</div>
													</div>
												  <div class="form-group">
							                        <label class="control-label col-md-3 " for="tel">角色:
							                        </label>
							                        <div class="col-md-6">
							                           <select style="width:200px" id="sel_menu2" multiple="multiple" >
													     </select>
														
													 </div>
							                      </div>
							                    </form>
                        </div>
                        <div class="modal-footer">
                          <button type="button" class="btn btn-primary" data-dismiss="modal">取消</button>
                          <button id="save" type="button"  data-dismiss="modal" class="btn btn-success">保存</button>
                        </div>

                      </div>
                    </div>
                  </div>

                 
	  
</body>
</html>